<template>
	<div class="page tfassistant">
		<web-view src="https://tf-shop.tfzhongchukeji.com/frontend/h5-business-activity/aboutTF.html"></web-view>
		<!-- <div class="he"> -->
		<!-- <customHeader middleTitle="关于同福"></customHeader> -->
		<!-- </div> -->
		<!-- <div class="page-body"> -->
		<!-- <img src="../../assets/images/Frame474.png" alt="" class="img1" /> 
  <div class="video-container">
    <img v-if="!isVideoPlaying" src="https://qiniu.tfzhongchukeji.com/shop/230504093936-c0r0zJ.jpg" alt="Video Poster">
    <div v-show="!lian" class="play-button" @click="toggleVideo"> 
   {{ isVideoPlaying ? '⏸' : '▶️' }} 
   <img src="../../assets/images/bofang.png" alt="">
    </div>
    <video ref="myVideo" width="100%" height="190" v-show="isVideoPlaying" @click="toggleVideo">
      <source src="https://qiniu.tfzhongchukeji.com/video/%E5%90%8C%E7%A6%8F20230114%E4%BC%81%E4%B8%9A%E7%89%88.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
  </div>
  <img src="../../assets/images/Group1185.png" alt="" class="img2">
  <img src="../../assets/images/Frame472.png" alt="" class="img3">
  <img src="../../assets/images/Frame473.png" alt="" class="img4">  -->
		<!-- <div class="scrollable-container"> -->
		<!-- <div class="hua"> -->
		<!-- <customHeader middleTitle="关于同福" pageLevel="1"></customHeader> -->
		<!-- <div class="man"> -->
		<!-- 	<iframe src="https://tf-shop.tfzhongchukeji.com/frontend/h5-business-activity/aboutTF.html" width="100%"
				height=" 100%" frameborder="0" scrolling="auto"></iframe> -->
		<!-- </div> -->
		<!-- </div> -->
		<!-- </div> -->
		<!-- 这里嵌入你的外部HTML页面 -->
		<!-- </div> -->
	</div>
</template>

<script>
	// import customHeader from "../../components/header/header.vue";
	export default {
		name: "tfassistant",
		data() {
			return {
				isVideoPlaying: false,
				lian: false,
			};
		},
		// components: {
		// 	customHeader,
		// },
		//   created() {
		//   window.location.href = 'https://tf-shop-test.tongfuyouxuan.com/frontend/h5-business-activity/aboutTF.html';
		// },
		methods: {
			toggleVideo() {
				const video = this.$refs.myVideo;

				if (this.lian) {
					video.pause();
				} else {
					video.play();
				}
				this.lian = !this.lian;
				this.isVideoPlaying = true;
			},
		},
	};
</script>
<style lang='scss' scoped>
	@import "tfassistant";
</style>